@charset "utf-8";
/* CSS Document */

html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: relative;
}

body {
	overflow-y: scroll;
	
}
*{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;font-family: auto!important;}

*{ line-height: 1.8;}
a,a:link{ color: #333; text-decoration: none;}
a:hover,a:active{ color: #e50013; text-decoration: none;}
::selection{background:#e50013; color:#fff;}
::-moz-selection{background:#e50013; color:#fff;}

.bd_weixin_popup{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}
#map label,#map img{max-width: none;}
.BMap_stdMpCtrl{display: none;}



.dh-01{  -webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;}
.dh-02{ -webkit-animation-delay: .1s;
-moz-animation-delay: .1s;
-o-animation-delay: .1s;
animation-delay: .1s;}
.dh-03{ -webkit-animation-delay: .2s;
-moz-animation-delay: .2s;
-o-animation-delay: .2s;
animation-delay: .2s;}
.dh-04{ -webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
-o-animation-delay: .3s;
animation-delay: .3s;}
.dh-05{ -webkit-animation-delay: .4s;
-moz-animation-delay: .4s;
-o-animation-delay: .4s;
animation-delay: .4s;}
.dh-06{ -webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
-o-animation-delay: .5s;
animation-delay: .5s;}
.dh-07{ -webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;}



@media (max-width: 319px) {
	html {
		background: #fff url(../img/displayNone.png) center center no-repeat;
	}
	body {
		display: none;
	}
}

@media (min-width: 320px) {
	body{font-size: 12px;}
	.header-t{display: none;}
	.header-box{ background: #fff; height: 4rem; overflow: hidden;  z-index: 8; position: relative; border-bottom: solid 2px #333333;}
	.nav-box{ position: absolute; width: 100%;}
	.nav-box-show{ position: fixed; z-index: 99;}
	.logo{font-weight: normal; padding: 0 0 2px 0; margin:0; float: left; position: absolute; z-index: 99; overflow: hidden; height: 4rem;}
	.logo a{ padding: 0; margin: 0;}
	.logo img{ height:100%; display: block;}
	.logo span{display: none;}
	.nav-w{ width: 18rem; }
	.header{ position: absolute; top: 0; width: 100%; z-index: 9999;}
	.nav-btn{position: relative; top: 0rem; width: 3rem; margin-top: 0.3rem; cursor: pointer; z-index: 9999; cursor: pointer; float: right;}
	.nav-btn span{width: 100%; height: 0.3rem; display: block; float: left; background: #002f7b; margin: 3px 0; -webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;}
	.nav-btn div.btn-02{ height: 3rem; width: 3rem; overflow: hidden;}
	.btn-02 i{ width: 3rem; height: 3rem; line-height: 3rem; display: block; text-align: center; font-size: 2.4rem; color: #e50013;}
	.btn-02 .nav-hide-btn{display: none; font-size: 2.4rem;}
	.nav-btn-show .btn-02 .nav-show-btn{display: none;}
	.nav-btn-show .btn-02 .nav-hide-btn{display: block; color: #e50013;}
	.nav-btn-show .btn-02 .nav-hide-btn:before{ line-height: 3rem; height: 3rem; display: block; overflow: hidden;}
	.nav{ width: 0;position: fixed; right: 0; top: 0; background: #fff; z-index: 99; padding: 0.7rem 0 11rem 0; height: 100%;
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.3);
	box-shadow: 0px 0px 10px rgba(0,0,0,.3);
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		transition: .3s; overflow: hidden;}
	.nav ul,.nav li{padding: 0; margin: 0; list-style: none;}
	.nav .nav-list{position: absolute; width: 18rem; top: 0; height: 100%; padding-top: 12rem; overflow: hidden;}
	.nav ul{ height: 100%; overflow: initial;}
	.nav li{ border-bottom: solid 1px #ededed;-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s; display: block; -webkit-transform: translateX(18rem);
	-moz-transform: translateX(18rem);
	-ms-transform: translateX(18rem);
	-o-transform: translateX(18rem);
	transform: translateX(18rem);}
	.nav li a{ padding-left: 1rem; line-height: 4.4rem; font-size: 1.2rem; display: block; color: #666; -webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;}
	.nav li a i{ padding-left: 1rem;}
	.body-box{ width: 100%; height: 100%; position: relative; background: none; -webkit-transition: 0.3s; 
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;}
	.body-box-show{ position: fixed;}
	.nav ul div{display: none;}
	.nav li div a{font-size: 1rem;}
	.nav-show{ width: 18rem; opacity: 1;}
	.nav-show ul{ overflow-y: scroll;}
	.nav-show li:nth-child(1){ -webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;}
	.nav-show li:nth-child(2){ -webkit-transition-delay: 0.25s;
	-moz-transition-delay: 0.25s;
	-ms-transition-delay: 0.25s;
	-o-transition-delay: 0.25s;
	transition-delay: 0.25s;}
	.nav-show li:nth-child(3){ -webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;}
	.nav-show li:nth-child(4){ -webkit-transition-delay: 0.35s;
	-moz-transition-delay: 0.35s;
	-ms-transition-delay: 0.35s;
	-o-transition-delay: 0.35s;
	transition-delay: 0.35s;}
	.nav-show li:nth-child(5){ -webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	transition-delay: 0.4s;}
	.nav-show li:nth-child(6){ -webkit-transition-delay: 0.45s;
	-moz-transition-delay: 0.45s;
	-ms-transition-delay: 0.45s;
	-o-transition-delay: 0.45s;
	transition-delay: 0.45s;}
	.nav-show li:nth-child(7){ -webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;}
	.nav-show li:nth-child(8){ -webkit-transition-delay: 0.55s;
	-moz-transition-delay: 0.55s;
	-ms-transition-delay: 0.55s;
	-o-transition-delay: 0.55s;
	transition-delay: 0.55s;}
	.nav-show li:nth-child(9){ -webkit-transition-delay: 0.65s;
	-moz-transition-delay: 0.65s;
	-ms-transition-delay: 0.65s;
	-o-transition-delay: 0.65s;
	transition-delay: 0.65s;}
	.nav-show li:nth-child(10){ -webkit-transition-delay: 0.75s;
	-moz-transition-delay: 0.75s;
	-ms-transition-delay: 0.75s;
	-o-transition-delay: 0.75s;
	transition-delay: 0.75s;}
	.nav-show li:nth-child(11){ -webkit-transition-delay: 0.75s;
	-moz-transition-delay: 0.75s;
	-ms-transition-delay: 0.75s;
	-o-transition-delay: 0.75s;
	transition-delay: 0.75s;}
	.nav-show li:nth-child(12){ -webkit-transition-delay: 0.75s;
	-moz-transition-delay: 0.75s;
	-ms-transition-delay: 0.75s;
	-o-transition-delay: 0.75s;
	transition-delay: 0.75s;}
	.nav-show li:nth-child(13){ -webkit-transition-delay: 0.75s;
	-moz-transition-delay: 0.75s;
	-ms-transition-delay: 0.75s;
	-o-transition-delay: 0.75s;
	transition-delay: 0.75s;}
	.nav-show li:nth-child(14){ -webkit-transition-delay: 0.75s;
	-moz-transition-delay: 0.75s;
	-ms-transition-delay: 0.75s;
	-o-transition-delay: 0.75s;
	transition-delay: 0.75s;}
	.nav-show li:nth-child(15){ -webkit-transition-delay: 0.75s;
	-moz-transition-delay: 0.75s;
	-ms-transition-delay: 0.75s;
	-o-transition-delay: 0.75s;
	transition-delay: 0.75s;}
	.nav-show li{ -webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	}
	.nav li{
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	}
	.nav li.nav-on>a,.nav li a.on{  color: #e50013;}
	.nav li div{ background: #f5f5f5;}
	.nav li .nav-rj-on{ color: #b7000a;}
	.max dl,.max dt,.max dd{padding: 0; margin: 0;}
	.btn-box{ width: 18rem; height: 3rem;}
	.topr-btn{ padding-left: 0.5rem; float: left; position: relative;}
	
	.topr{ height: 3rem;}
	.lang{ position: relative; z-index: 9;}
	.lang ,.lang *{padding: 0; margin: 0;}
	.lang{ padding-left: 1rem;}
	.lang dt{ float: left; color: #777; cursor: pointer; border: solid 1px #e50013; overflow: hidden;}
	.lang dt span{ color: #e50013; font-weight: normal; line-height: 20px; padding: 0 10px; float: left;}
	.lang dt i{ line-height: 22px; width: 22px; display: inline-block; text-align: center; color: #fff; background: #e50013; float: left; font-size: 12px;}
	
	.lang dd{ float: left; display: none; position: absolute; top: 24px; width: 98px; background: rgba(0,0,0,.7); padding: 10px 0;}
	.lang dd a{ float: left; width: 100%; line-height: 2.4rem; text-align: center; color: #afafaf; font-size: 12px;  padding: 0 .5rem;}
	.lang dd a:hover,.lang a.on{ background:rgba(229,0,19,.7); color: #fff;}

	.yj-btn{ float: left; line-height: 2.3rem; margin-left: 1rem;}
	.yj-btn a{ color: #666;}
	
	.search-box{ padding: 1.5rem 1rem 1rem 1rem; position: relative; width: 18rem;}
	.search-txt{ width: 100%; padding: 0 4.5rem 0 1rem; height: 3.6rem; border: solid 1px #cbcbcb; outline: none;}
	
	.search-btn{ color: #fff; background: #e50013; width: 3.6rem; position: absolute; top: 1.5rem; right: 1rem; height: 3.6rem; font-size: 1.4rem; border: none;}
	.search-btn-02{display: none; }
	
	.bg-txt{ width: 100%; padding:3rem 3rem; opacity: 0;}

	.bg{ -webkit-background-size: cover;
	background-size: cover; background-position: center top; padding-bottom: 47.72%; text-align: center;}
	
	.banner-btn{ width: 100%; position: absolute; left: 0; bottom: 5px; z-index: 9; text-align: center;}
	.banner-btn span{ width: 12px; height: 12px; margin: 0 5px; background: none; opacity: 1;}
	.banner-btn span.swiper-pagination-bullet-active{ background: none;}
	.banner-btn span i{ width: 6px; height: 6px; background: #646464; margin: 0 auto; margin-top: 3px; display: block; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; -webkit-transition: .2s;
	-moz-transition: .15s;
	-ms-transition: .15s;
	-o-transition: .15s;
	transition: .15s;}
	.banner-btn span.swiper-pagination-bullet-active i{ border: solid 1px #646464; width: 12px; height: 12px; margin-top: 0; background: none;}
	
	.ind-box-max{ margin: 0 -5px; padding: 5px 0;}
	.ind-box{ width: 50%; float: left; padding: 5px;}
	.ind-box-02{ width: 100%;}
	
	.ind-box-max .ind-box:nth-child(1) img{display: none!important;}
	.ind-box-max .ind-box:nth-child(2) video{display: none!important;;}
	
	i.pic-scale-ind{ padding-bottom: 63.16%;}
	.pic-scale-ind div{ background: #000; filter:Alpha(opacity=40); background: rgba(0,0,0,.4); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 8;}
	.pic-scale-ind span{ position: absolute; padding: 0 15px; height: 40px; line-height: 40px; left: 0; bottom: 0; width: 100%; z-index: 9; background: #000; background: rgba(0,0,0,.55);}
	.pic-scale-ind span b{ color: #fff; font-style: normal; line-height: 40px; font-size: 14px;}
	.pic-scale-ind span i{ float: right; color: #fff; line-height: 40px; text-align: right; font-size: 14px;}
	
	.ind-news{ background: #e9e9e9;}
	.ind-news{ padding: 15px;}
	.ind-news .hd{ border-bottom: solid 2px #d4d4d4; height: 30px;}
	.ind-news .hd span{ color: #333; font-size: 14px; font-weight: bold; margin-right: 10px; display: inline-block; cursor: pointer;}
	.ind-news .hd span.on{ border-bottom: solid 2px #e50013; height: 30px; }
	.ind-news .bd *{padding: 0; margin: 0; list-style: none;}
	.ind-news .bd span{ color: #999; padding-right: 10px;}
	.ind-news .bd ul{ padding-top: 10px;}
	.ind-news .bd li{white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; line-height: 24px;}
	
	.footer{background: #292a2c; color: #767676; display: none;}
	.footer a{ color: #767676;}
	
	.footer-b{ margin-top: 5px; color: #767676; background: #1a1b1c; text-align: center; padding: 10px 0;}
	.footer-b a{ color: #767676;}
	
	.fx-box{display: none;}
	
    div.pages {
		TEXT-ALIGN: center;
		width: 100%;
		padding: 0;
		padding:  10px 0;
		line-height: 1.7;
		
	}
	div.pages *{ line-height: 1.7;}
	div.pages a,div.pages span {
		TEXT-DECORATION: none;
		background: #fff;
		border: 1px solid #dcdcdc;
		padding: 5px 10px;
		margin: 3px;
		color: #333333;
		font-size: 12px;
		display: inline-block;
	}
	div.pages a:hover,div.pages a:active,div.pages span.current,div.pages span.disabled  {
		background: #cc0000;
		color: #fff;
		border: 1px solid #cc0000;}
	
	.footer-bl{ color: #4e4e4e; font-size: 12px;}
	.footer-br{ color: #4e4e4e; font-size: 12px;}
	.footer-br a{ color: #4e4e4e;}
	
	.banner-min{ height: 0; padding-bottom: 25%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover;
	background-size: cover;}
	
	.menu-bg{ background: #f2f2f2;}
	.menu{margin: 0 -10px; padding: 10px 0; list-style: none; overflow: hidden;}
	.menu li{ float: left; line-height: 40px; padding: 0 10px;}
	.menu a{ font-size: 14px; line-height: 40px;}
	.menu a.on{ color: #e50013;}
	.dz{ border-bottom: solid 1px #ddd; line-height: 40px; color: #adadad;}
	.dz a{ color: #adadad;}
	.dz a:hover{ color: #333;}
	.dz i{ line-height: 40px; font-size: 14px; padding-right: 5px; color: #999;}
	
	.fz16{ font-size: 16px;}
	.cont-tit{ font-size: 18px; font-weight: bold; border-bottom: solid 1px #cfcfcf; padding-bottom: 10px; margin-bottom: 10px; padding-top: 20px; color: #333;}
	.content{ padding-bottom: 20px;}
	.content,.content *{ color: #333; line-height: 2;}
	.content img{ width: auto; max-width: 100%;}
	
	.fzlc-list span{ padding: 5px 0; display: block;}
	
	.cjhj-box{ margin: -5px 0;}
	.cjhj-box *{ padding: 0; margin: 0;}
	.cjhj-box dl{ padding: 5px 0;}
	.cjhj-box dt{ background: #292a2c; line-height: 30px; padding: 10px; margin-bottom: 5px;}
	.cjhj-box dt *{ color: #fff;}
	.cjhj-box dt b{ font-size: 14px; padding-right: 10px;}
	.cjhj-box dt small{ font-size: 12px;}
	
	i.pic-scale-ygsh-02{padding-bottom: 61.12%; cursor: pointer;}
	
	.ygsh-pic-list .cp-list-t{ padding: 0;}
	.ygsh-pic-list .gallery-top{ border: none;}
	.ygsh-pic-list .cp-list-b{ padding: 10px 0 0 0;}
	.ygsh-pic-list .gallery-thumbs span{ border: none; background: #000;}
	.ygsh-pic-list .gallery-thumbs span img{ opacity: .2;}
	.ygsh-pic-list .gallery-thumbs .swiper-slide-active span img{ opacity: 1;}
	.ygsh-pic-list .cp-button{ background: #000; background: rgba(93,93,93,.6); width: 40px; height: 40px; margin-top: -20px;}
	.ygsh-pic-list .cp-button i{ line-height: 40px; color: #fff; }
	.ygsh-pic-list .swiper-button-disabled{ background: rgba(198,198,198,.6);}
	.ygsh-pic-list .swiper-pagination{ text-align: right; padding: 0 10px 0 0; bottom: 0; left: auto; line-height: 30px; color: #fff; width: auto; right: 0; width: 80px;}
	.ygsh-pic-list .swiper-pagination *{ color: #fff;}
	
	.ygsh-pic-list b{ position: absolute; width: 100%; bottom: 0; left: 0; background: #000; background: rgba(0,0,0,.5); color: #fff; font-weight: normal; font-style: normal; line-height: 30px; padding: 0 50px 0 10px; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	
	/*--公司实景--*/
	.cp-list-t{ padding: 0 30px;  position: relative;}
	.cp-button{ width: 30px; height: 30px; position: absolute; top: 50%; margin-top: -15px; left: 0; text-align: center; cursor: pointer; z-index: 9;}
	.cp-button i{color: #da251d; font-size: 24px; line-height: 30px;}
	.cp-button-next{ left: auto; right: 0;}
	.cp-button .jtry-t .swiper-slide-active span.swiper-button-disabled i{ color: #d0d0d0;}
	
	.cp-list-b{ padding: 10px 30px 0 30px;}
	.cp-list-b .gallery-thumbs .swiper-slide{ width: 100px;}
	.cp-list-b .gallery-thumbs span{ border: solid 2px #f0f0f0; display: block; cursor: pointer;}
	.cp-list-b .gallery-thumbs .swiper-slide-active span{ border-color: #da251d;}
	
	.cp-mess{ padding: 20px 30px 0 30px;}
	
	.zzhj-list{ padding: 5px 0; margin: 0 -5px; list-style: none; overflow: hidden;}
	.zzhj-list li{ width: 50%; padding: 5px; float: left;}
	.zzhj-list span{ width: 100%; padding-bottom: 100%; background: #000; opacity: .7; z-index: 9; position: absolute; left: 0; top: 0;}
	.zzhj-list li i.iconfont{ position: absolute; top: 50%; z-index: 99; text-align: center; width: 100%; color: #fff; font-size: 40px; line-height: 40px;  margin-top: -30px;}
	.zzhj-list li b{ position: absolute; top: 50%; z-index: 99; text-align: center; width: 100%; color: #fff; font-size: 12px; line-height: 35px; font-style: normal; font-weight: normal;}
	
	.zzhj-list li.on .iconfont{display: none;}
	.zzhj-list li.on b{display: none;}
	.zzhj-list li.on span{display: none;}
	.zzhj-mess{display: none;}
	/*--/公司实景--*/
	
	.cpzx-list{ overflow: hidden;}
	.cpzx-list ul{ padding: 0; margin: -5px; list-style: none;}
	.cpzx-list li{ float: left; width: 50%; padding: 5px;}
	.cpzx-list p{display: none;}
	.cpzx-list span{display: block; display: block; border: solid 2px #f0f0f0;}
	.cpzx-list b{ display: block; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; color: #666; font-weight: normal; line-height: 30px;}
	
	.tc-bg { display: none; background: #000; filter: alpha(opacity=60); background: rgba(0,0,0,.6); position: fixed; width: 100%; height: 100%; z-index: 99998; left: 0; top: 0;  -webkit-animation-duration: .3s;
  animation-duration: .3s;}
  
  .cp-box-pf{ display: none; position: fixed; padding: 15px; width: 100%;height: 100%;  z-index: 99999; left: 0; top: 0;}
  .cp-box-c{ display: table; width: 100%; height: 100%;}
  .cp-box{ vertical-align: middle; display: table-cell; margin: 0 auto; height: 100%;}
  .cp-box-pf i div{ position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,.7); padding: 15px; color: #fff; font-style: normal;  text-align: left;}

   .cp-box-pf i.pf-close{ background: #404040; color: #fff; z-index: 9; position: absolute; right: 5px; top: 5px; width: 30px; height: 30px; text-align: center; line-height: 30px; -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%; cursor: pointer;}
    .cp-box-pf i.pf-close:hover{ background: #e50013;}
    
    .pf-box{ width: 100%; position: relative; display: block;}
    
    .yghd-list{ overflow: hidden;}
    .yghd-list ul{padding: 0; margin: -5px; list-style: none;}
    .yghd-list i{ padding-bottom: 61.13%;}
     .yghd-list li{ padding: 5px; float: left; width: 50%;}
    .yghd-list b{ background: #292a2c; color: #fff; display: block; text-align: center; line-height: 40px; margin-top: 2px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
    text-overflow: ellipsis; padding: 0 5px;}
    .yghd-list span{display: block; border: solid 1px #cfcfcf;}
    
    
    .rlzy-list{ padding: 0; margin: 0; list-style: none;}
	.rlzy-list li{ position: relative; border-bottom:dashed 1px #ababab; padding-right: 7rem;}
	.rlzy-list li i{ color: #292a2c; float: left; font-size: 24px; line-height: 4rem; margin-left: -8px;}
	.rlzy-list li a{ line-height: 4rem; font-size: 1.2rem;}
	.rlzy-list li span{ position: absolute; right: 0; line-height: 4rem; top: 0;  font-weight: bold; color: #333; font-size: 1.2rem;}
}

@media all and (orientation : landscape) {
	.cp-box-c{display: block; text-align: center;}
	.cp-box{ display: block; width: auto; display: inline-block;}
	.cp-box-pf i.pic-scale-cp{ height: 100%; padding: 0;}
	.cp-box-pf i.pic-scale-cp img{ width: auto; height: 100%; position: relative;}
	.pf-box{ height: 100%;}
}


@media (min-width: 384px) {

}


@media (min-width: 480px) {

}

@media (min-width: 640px) and (min-height: 640px){
.cp-box-pf{ width: 620px; height: 620px; margin: -310px 0 0 -310px; left: 50%; top: 50%; padding: 0;}
}



@media (min-width: 768px) {
	.container{width: 100%;}
	
}


@media (min-width: 992px) {
	.container{ width: 980px; padding: 0 10px;}
	body {font-size: 14px;}
	.logo { position: relative; height: 106px; width: 357px; margin-top: 0;}
	.logo img{width: 357px; height: auto;}
	

	.nav-btn{display: none;}
	.header-box{ height: 108px;}
	.header-box-pf{ position: absolute; left: 0; top: 0; width: 100%;}
	.nav-box {position: absolute; width: 100%;}
	.nav{ position: relative; width: auto; height: auto; background: none; padding: 0; z-index: 9999; -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none; height: 106px; padding-top: 36px; overflow: initial; float: right;}
	.nav ul{ float: right; height: 70px; padding-top: 0; overflow: inherit;}
	.nav li{ -webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); float: left; border: none; text-align: center; }

	
	.nav li a i{ padding-left: 5px;}
	.nav li a{line-height: 70px; text-align: center; width: 100%; padding: 0; height: 70px; color: #333333;  font-size: 14px; padding: 0 10px;}
	.nav .nav-list{ width: auto; position: relative; padding: 0;}
	/*.nav li a:hover{}
	.nav li a.on{}
	.nav li.nav-off>a{}
	.nav li.nav-on>a{}
	.nav li.nav-on> a.on{}*/

	.nav li div span{ -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.3);
	-moz-box-shadow: 0 5px 5px rgba(0,0,0,.3);
	box-shadow: 0 5px 5px rgba(0,0,0,.3); display: block;}


	.nav li div{ padding: 5px 0; background: rgba(255,255,255,.85); text-align: center; position: absolute; top: 80px; left: -20px; right: -20px;}
	.nav li div a{padding: 0; font-size: 14px; height: 32px; line-height: 32px; color: #666666; text-transform: capitalize; border-bottom: none;}
	.nav li div a.sj-nav{display: none;}
	.nav li div a:hover,.nav li div a.on{ padding: 0;  background: none; color: #fff; font-weight: normal;}
	.nav li.nav-on>a,.nav li a.on{ color: #e50013; background: none;}
	.nav li.nav-on .nav-rj-on{ padding: 0; color: #fff; background: none;}
	
	
	.nav-bg{ display: none;}
	.body-box-show{ float: right;}	
	
	.lang dd{ width: 108px;}
	.lang dd a{ line-height: 30px;}
	.topr{ float: right; display: block; padding-top: 0; padding-bottom: 0;}

	.df-box{ display: block; float: left; font-size: 14px; margin-right: 15px;}
	.df-box i{float: left; margin-right: 5px; color: #e50013; font-size: 24px; margin-top: -6px;}
	.dh-box{display: block; float: left; font-weight: bold; font-size: 14px;}
	.dh-box i{font-weight: normal; float: left; margin-right: 5px; color: #e50013; font-size: 22px; margin-top: -6px;}
	.nav-line{ display: block; float: right; width: 0; height: 10px; border-left: dotted 1px #fff; margin: 27px 15px 0 10px;}
	
	
	.search-box{ position: absolute; right: 0px; padding: 0;}
	.search-btn{ top: 0; right: 0; position: absolute; width: 42px; height: 42px;}
	.search-btn-02{width: 25px; height: 30px; font-size: 17px; font-weight: normal; top: 0; position: relative; right: 0;  color: #e50013; font-size: 22px; background: none; display: block; text-align: center; line-height: 30px; cursor: pointer; display: block; float: left; margin:30px 10px 0 10px;}
	.search-btn-show{ color: #e50013;}
	.search-txt{ padding: 0; font-size: 14px; width: 100%; padding: 0 10px;-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0; height: 42px;border: none;}
	.search-bd{border: solid 5px #ccc; border: solid 5px rgba(204,204,204,0.8); position: absolute; width: 260px; right: 0; top: -152px; opacity: 0; -webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;}
	.search-bd-show{ opacity: 1; top: 110px;}
	.search-btn-02 i:before{ height: 30px; line-height: 30px; display: block; font-size: 20px; text-align: center; width: 100%; font-weight: normal; color: #aaa;}
	.search-btn-02 i:hover{ color: #e50013;}
	
	.lang{margin:0 0; position: relative; overflow: initial; float: left;  padding: 0; margin-left: 15px; margin-top: 24px;}
	.lang dt{ display: block; margin-left: 0; cursor: pointer;  padding-left: 0; text-align: center; color: #fff;}
	.lang dt a{ color: #fff;}
	.lang dt i{}
	
	.fx-box { display: block; position: absolute; right: 0; top: 15px;}
	.fx-box .fx-box-tit{ float: left; color: #999;}
	.fx-box .bshare-custom{ float: left;}
	.fx-box .bshare-custom a{ background: none; padding-left: 5px; right: 0; margin: 0; float: left;}
	.fx-box .bshare-custom a i{ width: 22px; height: 22px; display: block; background: #ccc; line-height: 22px; text-align: center; color: #fff; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;}
	.fx-box .bshare-custom a:hover{ text-decoration: none; opacity: 1;}
	.fx-box .bshare-custom a:hover i{ background: #e50013;}
	
	.yj-btn{ background: url(../img/mail-bg.jpg) no-repeat; width: 124px; height: 22px; position: absolute; right: 0; top: 0;text-align: center; z-index: 9; padding: 0 15px;}
	.yj-btn a{ line-height: 22px; color: #fff;  font-size: 12px; display: block;}
	.yj-btn a *{ line-height: 22px;}
	
	.bg{ padding-bottom: 0; height: 454px;  display: table; width: 100%;}	
	.banner-btn{ right: 20px; bottom: 15px;}
	.banner-btn span{ width: 12px; height: 12px;}

	.ind-box-max{ margin: 10px -15px; overflow: hidden;}
	.ind-box{ width: 33.333%; padding: 15px;}
	.ind-news{ height: 189px; overflow: hidden;}
	.ind-news .bd ul{ padding-top: 15px;}
	
	.footer{ display: block;}
	.footer-t{ padding: 30px 0; overflow: hidden; margin-left: -20px;}
	.footer-t *{padding: 0; margin: 0; }
	.footer-t dl{ float: left; margin-left: -1px; border-left: solid 1px #38393b; padding:0 20px; width:195px;}
	.footer-t span{display: block; padding:5px 0;}
	.footer-t dt{ padding-bottom: 15px;}
	.footer-t a{ font-size: 14px; color: #767676; line-height: 16px;}
	.footer-t a:hover{ color: #ddd;}
	
	.footer-b{ margin-top: 0;}
	
	.footer-bl{ float: left;}
	.footer-br{ float: right;}
	
	.cont-tit{ font-size: 20px; padding-top: 30px; padding-bottom: 15px; margin-bottom: 15px;}
	.content{ padding-bottom: 30px;}
	
	.menu-bg .container{ position: relative;}
	.menu{ float: left; margin-left: -20px; padding:10px 420px 10px 0;}
	.menu li{ padding: 0 20px;}
	.menu li a{ font-size: 16px;}
	.dz{position: absolute; right: 0; top: 0; border: none; margin-top: 10px;}
	.cjhj-box { margin: -15px 0;}
	.cjhj-box div{ padding: 15px 0;}
	.cjhj-box dl{ padding: 0; overflow: hidden; position: relative;}
	.cjhj-box dt{ width: 168px; float: left;  position: absolute; padding: 30px 0 1000px 20px;}
	.cjhj-box dt b{ font-size: 22px; display: block; padding: 0; line-height: 30px;}
	.cjhj-box dt small{ font-size: 16px;}
	.cjhj-box dd{ padding-left: 188px;}
	
	.banner-min{ height: 300px;  padding: 0;}
	
	
	/*--公司实景--*/
	.ygsh-pic-list .cp-button{ margin-top: -40px;}
	.ygsh-pic-list .cp-button{ width: 70px; height: 80px;}
	.ygsh-pic-list .cp-button i{ font-size: 40px; line-height: 80px;}
	
	.ygsh-pic-list .gallery-thumbs .swiper-slide{ width: 124px;}
	
	.zzhj-list li{ width: 20%;}
	.ygsh-pic-list .swiper-pagination{ line-height: 46px; font-size: 16px;}
	.ygsh-pic-list b{ height: 46px; line-height: 46px; font-size: 16px;}
	
	.cp-tit{ font-size: 24px; padding-bottom: 20px;}
	.cp-list-t{ padding: 0 95px;}
	.cp-button{ width: 95px; height: 95px; margin-top: -47px;}
	.cp-button i{ line-height: 95px; font-size: 50px;}
	.cp-list-b{ padding: 10px 95px 0 95px;}
	.cp-list-b .gallery-thumbs .swiper-slide{ width: 150px;}
	.cp-mess{ padding: 40px 95px 0 95px;}
	/*--/公司实景--*/
	
	.cpzx-list ul{ margin: -10px;}
	.cpzx-list li{ width: 25%; padding: 10px;}
	
	
	.cp-box-pf i div{ padding: 30px 20px;}
	.cp-box-pf i b{ font-size: 18px; line-height: 40px;}
	.cp-box-pf i p{ font-size: 14px;}
	.cp-box-pf i.pf-close{ right: -60px; top: 0; width: 50px; height: 50px; line-height: 50px; font-size: 24px;}
	
	.yghd-list ul{ margin: -15px -10px;}
	.yghd-list li{ width: 25%; padding:15px 10px;}
	.yghd-list b{ margin-top: 10px; line-height: 38px; height: 38px; font-size: 14px;}
	
	.cont-box{ overflow: hidden;}
	.cont-l{ float: left; width: 370px;}
	.cont-r{  float: right; width: 560px;}
	
	
	.rlzy-list li{ padding-right: 90px;}
	.rlzy-list li i{ line-height: 60px;}
	.rlzy-list li a{ line-height: 60px; font-size: 16px;}
	.rlzy-list li span{ font-size: 16px; line-height: 60px;}
}




@media (min-width: 1250px){
	.container{ width: 1230px; padding: 0 15px;}
	.nav li a{ font-size: 16px; padding:0 20px;}
	.lang{ margin-left: 25px;}
	.ind-news{ height: 240px;}
	.ind-news .bd ul *{ line-height: 28px;}
	.footer-t{ margin-left:-30px;}
	.footer-t dl{ padding: 0 30px; width:245px;}
	
	/*--公司实景--*/
	.ygsh-pic-list .gallery-thumbs .swiper-slide{ width: 170px;}
	
	.ygsh-pic-list{ padding:10px 5px 20px 5px;}
	.gzhj-pic-list{ padding: 10px 5px 5px 5px;}
	
	.ygsh-pic-list .cp-list-t{ padding: 0 100px;}
	.zzhj-list{ padding: 5px 105px;}
	.ygsh-pic-list .swiper-pagination{ right: 100px;}
	/*--/公司实景--*/
	
	 .cont-r{  float: right; width: 800px;}
}



/*--------------内容详细页 01---------------*/
/*手机*/
@media (min-width: 320px) {
.e-content-tit-01{ text-align: center; font-size: 1.6rem; color: #333; padding: 0; padding-top: 1rem; padding-bottom: 1rem; margin: 0;}
.e-content-mess-01{ border-bottom: solid 1px #dddddd; text-align: center; padding-bottom: 1rem; margin-bottom: 1rem; color: #a7a7a7;}
.e-content-box-01{ position: relative; overflow: hidden; padding-bottom: 1rem;}

    .e-fy-02{ line-height: 3rem; background: #eee; padding:0 10px;}
    .e-fy-02 b{ display: block; line-height: 3rem; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; font-weight: normal;}
    .e-fy-02 span{ color: #e50013;}
    
   
}
 
/*小屏电脑、平板*/
@media (min-width: 992px) {
    .e-content-tit-01{ font-size: 24px; padding-bottom: 20px; padding-top: 20px;}
    .e-content-mess-01{ font-size: 12px; padding-bottom: 20px;}
    .e-content-box-01{ padding-bottom: 20px;}
    
    .e-fy-02 { overflow: hidden; margin: 0 -10px;}
    .e-fy-02 b{ float: left; width: 50%; padding: 0 10px; line-height: 55px;}

}
 
/*宽屏*/
@media (min-width: 1230px) {
     
}
/*--------------/内容详细页 01---------------*/